<template>
  <div>
    <van-sticky :offset-top="1">
      <header id="header" class="aui-bar aui-bar-nav">
        <a class="aui-pull-left" @click="back">
          <span class="iconfont icon-fanhui"></span>
        </a>
        <div class="aui-title">试用详情</div>
        <a class="aui-pull-right" @click="fnOpenRecord"> 操作记录 </a>
      </header>
    </van-sticky>
    <div class="sy_detail">
      <div>
        <div id="super_product">
          <div class="good_t aui-bg-f van-hairline--bottom">
            <van-row>
              <van-col span="8">
                <div
                  class="good-img"
                  v-bind:style="{ backgroundImage: 'url(' + good.image + ')' }"
                  @click="fnPreview(good.image)"
                ></div>
              </van-col>
              <van-col span="16" class="good_cont aui-padded-l-15">
                <van-row class="name">
                  <van-col span="2">
                    <img
                      src="../../assets/tb_icon.png"
                      alt=""
                      v-if="good.downtype == 1"
                    />
                    <img
                      src="../../assets/tm_icon.png"
                      alt=""
                      v-if="good.downtype == 2"
                    />
                    <img
                      src="../../assets/jd_icon.png"
                      alt=""
                      v-if="good.downtype == 3"
                    />
                    <img
                      src="../../assets/pdd_icon.png"
                      alt=""
                      v-if="good.downtype == 4"
                    />
                    <img
                      src="../../assets/al_icon.png"
                      alt=""
                      v-if="good.downtype == 5"
                    />
                  </van-col>
                  <van-col
                    span="22"
                    class="
                      aui-text-7 aui-ftn14 aui-padded-l-5
                      van-multi-ellipsis--l2
                    "
                    v-text="good.name"
                  ></van-col>
                </van-row>
                <van-row class="item aui-text-7 aui-ftn12 aui-padded-t-5">
                  <van-col span="8">下单金额:</van-col>
                  <van-col span="16">￥{{ good.price }}</van-col>
                </van-row>
                <van-row
                  class="item aui-row aui-text-7 aui-ftn12 aui-padded-t-5"
                >
                  <van-col span="8">返还金额:</van-col>
                  <van-col span="16">￥{{ good.back_price }}</van-col>
                </van-row>
                <van-row
                  type="flex"
                  class="item aui-row aui-text-7 aui-ftn12"
                  align="center"
                >
                  <van-col span="8">试用ID:</van-col>
                  <van-col span="16">
                    <span v-text="good.id" class="aui-padded-r-5"></span>
                    <Copy :name="good.id" target="goodId"></Copy>
                  </van-col>
                  
                </van-row>
                <div class="btn-cls aui-margin-t-10">
                  <div
                    class="sq_btn aui-text-f aui-text-center aui-ftn12 issd-btn aui-margin-r-10"
                  >
                    {{ good.issd ? "商家手动返款" : "系统自动返款" }}
                  </div>
                  <div
                    class="
                    sq_btn
                    passed
                    aui-text-red aui-text-center aui-ftn12"
                    v-if="[2, 4, 10, 14].includes(good.status)"
                    v-text="good.statusname"
                    v-cloak
                  ></div>
                  <div
                    class="
                    sq_btn
                    aui-text-7 aui-text-center aui-ftn12"
                    v-else
                    v-text="good.statusname"
                    v-cloak
                  ></div>
                </div>
              </van-col>
            </van-row>
            <div
              class="tag aui-ftn12 aui-text-red aui-padded-t-10"
              v-if="[1, 2, 3, 4, 5, 11, 12, 13, 14, 15].includes(good.status)"
              v-cloak
            >
              <div v-if="good.status == 1">
                等待商家审核申请!
                <span v-if="good.exittime > 0"
                  ><van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>未审核将自动失效</span
                >
              </div>
              <div v-if="good.status == 2">
                请购买并填写订单号!
                <span v-if="good.exittime > 0"
                  ><van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>未填写将自动过期</span
                >
              </div>
              <div v-if="good.status == 3">
                待商家审核订单号!
                <span v-if="good.exittime > 0"
                  ><van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>未审核将自动通过</span
                >
              </div>
              <div v-if="good.status == 4">
                <span v-if="good.issd"
                  >商家已打款本金{{ good.price }}元到绑定的支付宝帐户:{{
                    good.toalipay
                  }}</span
                >
                <span v-if="good.exittime > 0"
                  >,<van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>后</span
                >可提交包裹和评价截图
              </div>
              <div v-if="good.status == 5">
                <span v-if="good.issd"
                  >商家已打款本金{{ good.price }}元到绑定的支付宝帐户:{{
                    good.toalipay
                  }}</span
                >
                
                <span v-if="good.exittime > 0"
                  >,等待商家结算!<van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>未操作将自动结算！</span
                >
              </div>
              <div
                class="return"
                v-if="
                  good.status == 11 && good.collect_image && good.cart_image
                "
              >
                收藏加购截图被商家驳回，请重新截图上传！
              </div>
              <div v-if="good.status == 11">
                请搜索收藏加购,商家审图通过后再下单!
                <span v-if="good.exittime > 0"
                  ><van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>未上传将自动过期!</span
                >
              </div>
              <div v-if="good.status == 12">
                等待商家审核预览,通过再去下单,可随时修改上传截图!
                <span v-if="good.exittime > 0"
                  ><van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>未审核将自动通过!</span
                >
              </div>
              <div v-if="good.status == 13">
                <span v-if="good.issd"
                  >商家已打款本金{{ good.price }}元到绑定的支付宝帐户:{{
                    good.toalipay
                  }}</span
                >
                ,请等待商家给出追加评语与追评图片
                <span v-if="good.exittime > 0"
                  ><van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>后再操作</span>
              </div>
              <div v-if="good.status == 14" v-cloak>
                等待商家打款本金到绑定的支付宝账户：{{
                  good.toalipay
                }}，试用完成后再结算佣金！
                <span v-if="good.exittime > 0" 
                  ><van-count-down
                    :time="good.exittime * 1000"
                    format="DD 天 HH 时 mm 分 ss 秒"
                    @finish="init"/>内未打款将自动设为无效的订单!</span
                >
              </div>
            </div>
            <div
              class="tag aui-ftn12 aui-text-red aui-padded-t-10"
              v-if="good.status == 8"
              v-cloak
            >
              您长时间没有参加该试用，已过期！
            </div>
            <div
              class="tag aui-ftn12 aui-text-red aui-padded-t-10"
              v-if="good.status == 7"
              v-cloak
            >
              不允许参加试用
            </div>
            <div
              class="tag aui-ftn12 aui-text-red aui-padded-t-10"
              v-if="good.status == 9"
              v-cloak
            >
              商家审核订单号无效，请去退款！
            </div>
          </div>
          <!-- 已确认收货 -->
          <div class="aui-bg-f" v-if="good.status == 5" v-cloak>
            <div
              class="
                item
                aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
                van-hairline--bottom
              "
            >
              <span class="aui-text-7 aui-padded-r-5">订单号:</span>
              <span
                class="aui-text-7 aui-padded-r-5"
                v-text="good.ordernum"
              ></span>
              <Copy :name="good.ordernum" target="ordernum"></Copy>
            </div>
            <div
              class=" item aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15 van-hairline--bottom" v-if="good.toalipay"
            >
              <span class="aui-text-7 aui-padded-r-5">收款支付宝帐号:</span>
              <span
                class="aui-text-7 aui-padded-r-5"
                v-text="good.toalipay"
              ></span>
            </div>
            <div class="van-hairline--bottom aui-padded-10">
              <div class="aui-ftn12 aui-padded-b-10">
                <span class="aui-text-7 aui-padded-r-10">收货和评价截图</span>
                <span class="aui-text-red" @click="comment.show = true" v-cloak
                  >[修改]</span
                >
              </div>
              <van-row>
                <van-col span="6" class="img-list" v-if="good.bao_image">
                  <div
                    class="img"
                    v-bind:style="{
                      backgroundImage: 'url(' + good.bao_image + ')',
                    }"
                    v-lazy="good.bao_image"
                    @click="fnPreview(good.bao_image)"
                  ></div>
                </van-col>
                <van-col span="6" class="img-list" v-if="good.comment_image">
                  <div
                    class="img"
                    v-bind:style="{
                      backgroundImage: 'url(' + good.comment_image + ')',
                    }"
                    v-lazy="good.comment_image"
                    @click="fnPreview(good.comment_image)"
                  ></div>
                </van-col>
              </van-row>
            </div>

            <div
              class="
                item
                aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
              "
            >
              <span class="aui-text-7 aui-padded-r-5">商家QQ:</span>
              <span class="aui-text-7 aui-padded-r-5" v-text="good.qq"></span>
              <Copy :name="good.qq" target="qq"></Copy>
            </div>
          </div>
          <!-- 待追评 -->
          <!-- <div class="aui-padded-10 aui-ftn12 aui-text-7 aui-bg-f" v-if="good.status == 13 && good.message">
                  {{good.message}}
            </div> -->
          <div v-if="![7, 8].includes(good.status)" v-cloak>
            <!-- 已完成 -->
            <div class="aui-bg-f" v-if="good.status == 6" v-cloak>
              <div
                class="
                  item
                  aui-ftn12
                  aui-padded-t-10
                  aui-padded-b-10
                  aui-padded-l-15
                  aui-text-red
                  van-hairline--bottom
                "
              >
                <span v-if="good.issd"
                  >商家已打款本金{{ good.price }}元到绑定的支付宝帐户:{{
                    good.toalipay
                  }},平台已结算佣金{{ good.all_red }}元</span
                >
                <span v-else>已返款{{ good.back_price }}元到您试用账户！</span>
              </div>
              <div
                class="
                  item
                  van-hairline--bottom
                  aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
                "
              >
                <span class="aui-text-7 aui-padded-r-5">订单号:</span>
                <span
                  class="aui-text-7 aui-padded-r-5"
                  v-text="good.ordernum"
                  v-cloak
                ></span>
                <Copy :name="good.ordernum" target="ordernum"></Copy>
              </div>
              <div
                class=" item aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15" v-if="good.toalipay"
              >
                <span class="aui-text-7 aui-padded-r-5">收款支付宝帐号:</span>
                <span
                  class="aui-text-7 aui-padded-r-5"
                  v-text="good.toalipay"
                ></span>
              </div>
              <div
                class="
                  item
                  van-hairline--bottom
                  aui-ftn14 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
                "
              >
                <span class="aui-text-7 aui-padded-r-5">收货和评价截图 </span>
                <van-row class="aui-padded-t-10">
                  <van-col
                    span="6"
                    class="img-list"
                    @click="fnPreview(good.bao_image)"
                  >
                    <img
                      :src="good.bao_image"
                      alt=""
                      style="
                        width: 90px !important;
                        max-height: 120px !important;
                      "
                    />
                  </van-col>
                  <van-col
                    span="6"
                    class="img-list"
                    @click="fnPreview(good.comment_image)"
                  >
                    <img
                      :src="good.comment_image"
                      alt=""
                      style="
                        width: 90px !important;
                        max-height: 120px !important;
                      "
                    />
                  </van-col>
                </van-row>
              </div>
              <!-- 已评价 -->
              <div v-if="good.comment" v-cloak>
                <div
                  class="
                    item
                    van-hairline--bottom
                    aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
                  "
                >
                  <span class="aui-text-7 aui-padded-r-5">我的评论:</span>
                  <span
                    class="aui-text-7 aui-padded-r-5"
                    v-text="good.comment"
                    v-cloak
                  ></span>
                </div>
                <div
                  class="
                    item
                    van-hairline--bottom
                    aui-ftn14 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
                  "
                >
                  <span class="aui-text-7 aui-padded-r-5">评论晒图 </span>
                  <van-row class="aui-padded-t-10">
                    <van-col
                      span="6"
                      class="img-list"
                      @click="fnPreview(good.goods_comment_image)"
                    >
                      <img
                        :src="good.goods_comment_image"
                        alt=""
                        style="
                          width: 90px !important;
                          max-height: 120px !important;
                        "
                      />
                    </van-col>
                  </van-row>
                </div>
              </div>
            </div>
            <!-- 订单号无效 -->
            <div
              class="aui-bg-f aui-margin-b-5"
              v-if="good.status == 9"
              v-cloak
            >
              <div
                class="
                  item
                  aui-bg-f
                  aui-ftn12
                  aui-padded-t-10
                  aui-padded-b-10
                  aui-padded-l-15
                "
              >
                <span class="aui-text-7 aui-padded-r-5">订单号:</span>
                <span
                  class="aui-text-7 aui-padded-r-5"
                  v-text="good.ordernum"
                  v-cloak
                ></span>
                <Copy :name="good.ordernum" target="ordernum"></Copy>
              </div>
              <div class=" item aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15 van-hairline--bottom"  v-if="good.toalipay">
                <span class="aui-text-7 aui-padded-r-5">收款支付宝帐号:</span>
                <span
                  class="aui-text-7 aui-padded-r-5"
                  v-text="good.toalipay"
                ></span>
              </div>
              <!-- 订单号无效 -->
              <div
                class="
                  item
                  aui-ftn12
                  aui-padded-t-10
                  aui-padded-b-10
                  aui-padded-l-15
                  aui-text-7
                  aui-border-t
                "
              >
                <div class="aui-padded-b-10">商家审核单号无效</div>
                <div class="aui-padded-b-10">
                  审核时间：{{ good.invalidtime }}
                </div>
                <div class="aui-text-red">
                  理由：{{ good.wrongwarn ? good.wrongwarn : "无" }}
                </div>
              </div>
            </div>
            <div
              class="
                list
                aui-bg-f aui-padded-10 aui-ftn14 aui-margin-t-10
                van-hairline--bottom
              "
            >
              <span class="aui-text-7">平台:</span>
              <span class="aui-text-red" v-text="good.downtype_name"></span>
              <span class="aui-text-7">,下单帐号:</span>
              <span class="aui-text-red" v-text="good.buynum"></span>
            </div>
            <!-- 已通过 || 订单号无效 -->
            <div
              class="list aui-bg-f aui-padded-10"
              v-if="[6, 9].includes(good.status)"
              v-cloak
            >
              <div class="aui-ftn14 aui-text-7">商品图片</div>
              <van-row class="aui-padded-t-10">
                <van-col span="12">
                  <div
                    class="good-img"
                    v-bind:style="{
                      backgroundImage: 'url(' + good.goods_image + ')',
                    }"
                    v-lazy="good.goods_image"
                    @click="fnPreview(good.goods_image)"
                  ></div>
                </van-col>
              </van-row>
            </div>
            <!-- 通过的订单 -->
            <div
              class="aui-bg-f aui-padded-15 pj"
              v-if="
                [4, 5, 10, 13, 14, 15].includes(good.status) ||
                  (good.status == 13 && !good.message)
              "
              v-cloak
            >
              <div
                class="
                  aui-text-red
                  aui-text-center
                  aui-font-weight
                  aui-ftn16
                  aui-padded-t-10
                "
              >
                第一步：请填写试用评价!
              </div>
              <div
                class="aui-padded-t-10"
                v-if="good.zhi_ping && !good.message"
                v-cloak
              >
                <div class="aui-text-red aui-ftn12 aui-padded-b-10">
                  商家指定评价
                </div>
                <div class="input">
                  <van-row>
                    <van-col span="20">
                      <input
                        type="text"
                        name="pj"
                        v-model="good.zhi_ping"
                        class="aui-ftn12"
                      />
                    </van-col>
                    <van-col span="4">
                      <Copy :name="good.zhi_ping" target="zhi_ping"></Copy>
                    </van-col>
                  </van-row>
                </div>
              </div>
              <div
                class="aui-padded-t-10"
                v-if="good.zhi_pingurl && !good.message"
                v-cloak
              >
                <div class="aui-text-red aui-ftn12 aui-padded-b-10">
                  商家指定晒图
                </div>
                <van-row>
                  <van-col
                    span="6"
                    class="img-list"
                    v-for="(item, index) in good.zhi_pingurl"
                    :key="index"
                  >
                    <div
                      class="img"
                      v-bind:style="{ backgroundImage: 'url(' + item + ')' }"
                      v-lazy="item"
                      @click="fnPreview(item)"
                    ></div>
                  </van-col>
                </van-row>
              </div>
              <div
                class="aui-padded-t-10"
                v-if="good.zhui_ping && !good.message"
                v-cloak
              >
                <div class="aui-text-red aui-ftn12 aui-padded-b-10">
                  追加评价
                </div>
                <div class="input">
                  <van-row>
                    <van-col span="20">
                      <input
                        type="text"
                        name="pj"
                        v-model="good.zhui_ping"
                        class="aui-ftn12"
                      />
                    </van-col>
                    <van-col span="4">
                      <Copy :name="good.zhi_ping" target="zhi_ping"></Copy>
                    </van-col>
                  </van-row>
                </div>
              </div>
              <div
                class="aui-padded-t-10"
                v-if="good.zhui_pingurl && !good.message"
                v-cloak
              >
                <div class="aui-text-red aui-ftn12 aui-padded-b-10">
                  追加晒图
                </div>
                <van-row>
                  <van-col
                    span="6"
                    class="img-list"
                    v-for="(item, index) in good.zhui_pingurl"
                    :key="index"
                  >
                    <div
                      class="img"
                      v-bind:style="{ backgroundImage: 'url(' + item + ')' }"
                      v-lazy="item"
                      @click="fnPreview(item)"
                    ></div>
                  </van-col>
                </van-row>
              </div>
              <div class="aui-bg-f" v-if="good.status == 13" v-cloak>
                <div
                  class="
                  item
                  aui-bg-f
                  aui-ftn12
                  aui-padded-t-10
                "
                >
                  <span class="aui-text-7 aui-padded-r-5">订单号:</span>
                  <span
                    class="aui-text-7 aui-padded-r-5"
                    v-text="good.ordernum"
                    v-cloak
                  ></span>
                  <Copy :name="good.ordernum" target="ordernum"></Copy>
                </div>
                <div class=" item aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15 van-hairline--bottom" v-if="good.toalipay">
                  <span class="aui-text-7 aui-padded-r-5">收款支付宝帐号:</span>
                  <span
                    class="aui-text-7 aui-padded-r-5"
                    v-text="good.toalipay"
                  ></span>
                </div>
              </div>
            </div>
            <!-- 审核通过,通过的订单 -->
            <div
              class="aui-bg-f"
              v-if="[2, 3, 4, 10, 11, 12, 14, 15, 16].includes(good.status)"
              v-cloak
            >
              <div
                class="
                  item
                  van-hairline--bottom
                  aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
                "
                v-if="[3, 4, 10, 14, 15].includes(good.status)"
                v-cloak
              >
                <span class="aui-text-7 aui-padded-r-5">订单号:</span>
                <span
                  class="aui-text-7 aui-padded-r-5"
                  v-text="good.ordernum"
                  v-cloak
                ></span>
                <span
                  class="aui-text-red aui-padded-r-10"
                  @click="fnCheck(2)"
                  v-if="good.status == 3"
                  v-cloak
                  >[修改]</span
                >
                <Copy :name="good.ordernum" target="ordernum"></Copy>
              </div>
              <div class=" item aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15 van-hairline--bottom" v-if="good.toalipay">
                <span class="aui-text-7 aui-padded-r-5">收款支付宝帐号:</span>
                <span
                  class="aui-text-7 aui-padded-r-5"
                  v-text="good.toalipay"
                ></span>
                <div
                  v-if="[2,15].includes(good.status)"
                  class="aui-btn aui-btn-warning aui-text-f aui-text-center aui-ftn12"
                  @click="fnCheck(3)"
                >
                  修改
                </div>
              </div>
              <div
                class="
                  item
                  aui-ftn12 aui-padded-t-10 aui-padded-b-10 aui-padded-l-15
                "
                v-if="![1, 7].includes(good.status)"
                v-cloak
              >
                <span class="aui-text-7 aui-padded-r-5">商家QQ:</span>
                <span class="aui-text-7 aui-padded-r-5" v-text="good.qq"></span>
                <Copy :name="good.qq" target="qq"></Copy>
              </div>
              <!-- 被退回 -->
              <div
                class="
                  item
                  van-hairline--bottom
                  aui-ftn12
                  aui-padded-t-10
                  aui-padded-b-10
                  aui-padded-l-15
                  aui-text-7
                  aui-border-t
                "
                v-if="good.status == 10"
                v-cloak
              >
                <span v-if="good.issd"
                  >商家已打款本金{{ good.price }}元到绑定的支付宝帐户:{{
                    good.toalipay
                  }},</span
                >
                <div class="aui-padded-b-10">
                  商家退回了您提交的“确认收货评价”
                </div>
                <div class="aui-padded-b-10">
                  退回时间：{{ good.returntime }}
                </div>
                <div class="aui-text-red aui-padded-r-10">
                  理由：{{ good.backwarn ? good.backwarn : "无" }}
                </div>
              </div>
              <!-- 打款驳回 -->
              <div
                class="
                  item
                  van-hairline--bottom
                  aui-ftn12
                  aui-padded-t-10
                  aui-padded-b-10
                  aui-padded-l-15
                  aui-text-7
                  aui-border-t
                "
                v-if="good.status == 15"
                v-cloak
              >
                <div class="aui-padded-b-10">
                  商家驳回了打款
                </div>
                <div class="aui-padded-b-10">
                  驳回时间：{{ good.updatetime }}
                </div>
                <div class="aui-text-red aui-padded-r-10">
                  理由：{{ good.dawarn ? good.dawarn : "无" }}
                </div>
              </div>
              <!-- 单号驳回 -->
              <div
                class="
                  item
                  van-hairline--bottom
                  aui-ftn12
                  aui-padded-t-10
                  aui-padded-b-10
                  aui-padded-l-15
                  aui-text-7
                  aui-border-t
                "
                v-if="good.status == 16"
                v-cloak
              >
              <div class="aui-padded-b-10">
                  商家驳回了单号:{{good.ordernum}}
                  <Copy :name="good.ordernum" target="bh-ordernum"></Copy>
                </div>
                <div class="aui-padded-b-10">
                  驳回时间：{{ good.danbotime }}
                </div>
                <div class="aui-text-red aui-padded-r-10">
                  理由：{{ good.danwarn ? good.danwarn : "无" }}
                </div>
              </div>
            </div>
            <!-- 待审核 -->
            <div
              class="
                no_sk
                aui-bg-f aui-ftn16 aui-text-7 aui-text-center aui-margin-t-10
              "
              v-if="good.status == 1"
              v-cloak
            >
              审核通过后可查看下单步骤
            </div>
            <!-- 审核通过，通过的订单,驳回订单,单号驳回 -->
            <div
              v-if="[2, 3, 4, 5, 10, 11, 12, 14, 15, 16].includes(good.status)"
              v-cloak
            >
              <div class="sk_pass aui-bg-f aui-margin-t-10 aui-padded-10">
                <div
                  class="
                    title
                    aui-text-7 aui-text-center aui-ftn16 aui-padded-t-10
                  "
                >
                  注意事项
                </div>
                <div class="content aui-margin-t-15">
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="
                      good.is_foot == 1 &&
                        good.status > 1 &&
                        ![11, 12].includes(good.status)
                    "
                  >
                    <div class="aui-ftn14">
                      <span class="aui-text-7"> 货比三家: </span>
                      <span class="aui-padded-l-10 aui-text-red">
                        需要,浏览三家其他店铺同类宝贝
                      </span>
                      <van-row class="aui-padded-t-10">
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            点击下面上传足迹截图
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="comment.image_type = 'hbsj'"
                          >
                            <van-uploader :after-read="afterRead">
                              <span
                                class="aui-ftn14 aui-text-7"
                                v-if="!hbsj_image"
                                v-cloak
                                >足迹截图</span
                              >
                              <div
                                class="img"
                                v-else
                                v-bind:style="{
                                  backgroundImage: 'url(' + hbsj_image + ')',
                                }"
                                v-lazy="hbsj_image"
                                v-cloak
                              ></div>
                            </van-uploader>
                          </div>
                        </van-col>
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            【案例图】
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="fnPreview(hbsj_al, 0)"
                          >
                            <div
                              class="img"
                              v-bind:style="{
                                backgroundImage: 'url(' + hbsj_al + ')',
                              }"
                              v-cloak
                            ></div>
                          </div>
                        </van-col>
                      </van-row>
                    </div>
                  </div>

                  <!-- 搜索关键词截图 -->
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="
                      good.is_sou == 1 &&
                        good.status > 1 &&
                        ![11, 12].includes(good.status)
                    "
                  >
                    <div class="aui-ftn14">
                      <span class="aui-text-7">
                        是否需要上传搜索关键词截图:
                      </span>
                      <span class="aui-padded-l-10 aui-text-red">
                        需要
                      </span>
                      <van-row class="aui-padded-t-10">
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            点击下面上传关键词截图
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="comment.image_type = 'sou'"
                          >
                            <van-uploader :after-read="afterRead">
                              <span
                                class="aui-ftn14 aui-text-7"
                                v-if="!sou_image"
                                v-cloak
                                >搜索关键词截图</span
                              >
                              <div
                                class="img"
                                v-else
                                v-bind:style="{
                                  backgroundImage: 'url(' + sou_image + ')',
                                }"
                                v-lazy="sou_image"
                                v-cloak
                              ></div>
                            </van-uploader>
                          </div>
                        </van-col>
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            【案例图】
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="fnPreview(sou_al, 0)"
                          >
                            <div
                              class="img"
                              v-bind:style="{
                                backgroundImage: 'url(' + sou_al + ')',
                              }"
                              v-cloak
                            ></div>
                          </div>
                        </van-col>
                      </van-row>
                    </div>
                  </div>

                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="
                      [1, 2, 4].includes(good.downtype) &&
                        good.status > 1 &&
                        ![11, 12].includes(good.status) &&
                        good.is_fu == 1
                    "
                  >
                    <div class="aui-ftn14">
                      <span class="aui-text-7"> 付款截图: </span>
                      <span class="aui-padded-l-10 aui-text-red">
                        需要,上传宝贝的付款截图
                      </span>
                      <van-row class="aui-padded-t-10">
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            点击下面上传付款截图
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="comment.image_type = 'fkjt'"
                          >
                            <van-uploader :after-read="afterRead">
                              <span
                                class="aui-ftn14 aui-text-7"
                                v-if="!pdd_image"
                                v-cloak
                                >付款截图</span
                              >
                              <div
                                class="img"
                                v-else
                                v-bind:style="{
                                  backgroundImage: 'url(' + pdd_image + ')',
                                }"
                                v-lazy="pdd_image"
                                v-cloak
                              ></div>
                            </van-uploader>
                          </div>
                        </van-col>
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            【案例图】
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="
                              fnPreview(good.downtype == 4 ? pdd_al : fk_tao, 0)
                            "
                          >
                            <div
                              class="img"
                              v-bind:style="{
                                backgroundImage:
                                  'url(' +
                                  (good.downtype == 4 ? pdd_al : fk_tao) +
                                  ')',
                              }"
                              v-cloak
                            ></div>
                          </div>
                        </van-col>
                      </van-row>
                    </div>
                  </div>
                  <div v-if="good.downtype != 9">
                    <div class="aui-ftn14" v-if="good.is_chat == 1">
                      <span class="aui-text-7"> 聊天截图: </span>
                      <span class="aui-padded-l-10 aui-text-red">
                        需要,上传宝贝的聊天截图
                      </span>
                      <van-row class="aui-padded-t-10">
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            点击下面上传聊天截图
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="comment.image_type = 'chat'"
                          >
                            <van-uploader :after-read="afterRead">
                              <span
                                class="aui-ftn14 aui-text-7"
                                v-if="!chat_image"
                                v-cloak
                                >聊天截图</span
                              >
                              <div
                                class="img"
                                v-else
                                v-bind:style="{
                                  backgroundImage: 'url(' + chat_image + ')',
                                }"
                                v-lazy="chat_image"
                                v-cloak
                              ></div>
                            </van-uploader>
                          </div>
                        </van-col>
                        <van-col span="10" class="hbsj">
                          <div
                            class="
                              aui-ftn12
                              aui-text-center
                              aui-text-7
                              aui-padded-b-10
                            "
                          >
                            【案例图】
                          </div>
                          <div
                            class="img_cont aui-text-center"
                            @click="fnPreview(chat_al)"
                          >
                            <div
                              class="img"
                              v-bind:style="{
                                backgroundImage: 'url(' + chat_al + ')',
                              }"
                              v-cloak
                            ></div>
                          </div>
                        </van-col>
                      </van-row>
                    </div>

                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.is_liufu"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 是否需要浏览副宝贝: </span>
                        <span class="aui-padded-l-10 aui-text-red"> 需要 </span>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.is_collect"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 收藏宝贝: </span>
                        <span class="aui-padded-l-10 aui-text-red">
                          {{ good.is_collect == 0 ? "不需要" : "需要" }}
                        </span>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.is_cart"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 加入购物车: </span>
                        <span class="aui-padded-l-10 aui-text-red">
                          {{ good.is_cart == 0 ? "不需要" : "需要" }}
                        </span>
                      </div>
                    </div>
                    <!-- 上传收藏加购截图 -->
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="
                        good.status == 11 ||
                          good.status == 12 ||
                          good.is_cart == 2 ||
                          good.is_collect == 2
                      "
                    >
                      <div class="aui-ftn14">
                        <!-- <span class="aui-text-7">
                                    上传收藏加购截图:
                                  </span> -->
                        <van-row class="aui-padded-t-10">
                          <van-col
                            span="10"
                            class="hbsj"
                            v-if="good.is_collect == 2"
                          >
                            <div
                              class="
                                aui-ftn12
                                aui-text-center
                                aui-text-7
                                aui-padded-b-10
                              "
                            >
                              点击下面上传收藏截图
                            </div>
                            <div
                              class="img_cont aui-text-center"
                              @click="comment.image_type = 'collect'"
                            >
                              <van-uploader :after-read="afterRead">
                                <span
                                  class="aui-ftn14 aui-text-7"
                                  v-if="!collect_image"
                                  v-cloak
                                  >收藏截图</span
                                >
                                <div
                                  class="img"
                                  v-else
                                  v-bind:style="{
                                    backgroundImage:
                                      'url(' + collect_image + ')',
                                  }"
                                  v-lazy="collect_image"
                                  v-cloak
                                ></div>
                              </van-uploader>
                            </div>
                          </van-col>
                          <van-col
                            span="10"
                            class="hbsj"
                            v-if="good.is_cart == 2"
                          >
                            <div
                              class="
                                aui-ftn12
                                aui-text-center
                                aui-text-7
                                aui-padded-b-10
                              "
                            >
                              点击下面上传加购截图
                            </div>
                            <div
                              class="img_cont aui-text-center"
                              @click="comment.image_type = 'cart'"
                            >
                              <van-uploader :after-read="afterRead">
                                <span
                                  class="aui-ftn14 aui-text-7"
                                  v-if="!cart_image"
                                  v-cloak
                                  >加购截图</span
                                >
                                <div
                                  class="img"
                                  v-else
                                  v-bind:style="{
                                    backgroundImage: 'url(' + cart_image + ')',
                                  }"
                                  v-lazy="cart_image"
                                  v-cloak
                                ></div>
                              </van-uploader>
                            </div>
                          </van-col>
                        </van-row>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.param1"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 所拍规格一: </span>
                        <span
                          class="aui-padded-l-10 aui-text-red"
                          v-text="good.param1"
                        >
                        </span>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.param2"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 所拍规格二: </span>
                        <span
                          class="aui-padded-l-10 aui-text-red"
                          v-text="good.param2"
                        >
                        </span>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.param_image"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 所拍规格图: </span>
                        <van-row class="aui-padded-l-10">
                          <van-col span="12">
                            <div
                              class="good-img"
                              v-lazy="good.param_image"
                              v-bind:style="{
                                backgroundImage:
                                  'url(' + good.param_image + ')',
                              }"
                              @click="fnPreview(good.param_image)"
                            ></div>
                          </van-col>
                        </van-row>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.is_ping"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 评价: </span>
                        <span class="aui-padded-l-10 aui-text-red">
                          {{ good.is_ping == 0 ? "不需要" : "需要" }}
                        </span>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.is_liu"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 浏览评价: </span>
                        <span class="aui-padded-l-10 aui-text-red">
                          {{ good.is_liu == 1 ? "需要" : "不需要" }}
                        </span>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                      v-if="good.is_wen"
                      v-cloak
                    >
                      <div class="aui-ftn14">
                        <span class="aui-text-7"> 发布大家问: </span>
                        <span class="aui-padded-l-10 aui-text-red"> 需要 </span>
                      </div>
                    </div>
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                    >
                      <div class="aui-ftn14 aui-text-7">
                        <span>{{ !good.is_card ? "允许" : "禁止" }}</span
                        >信用卡支付
                        <span>{{ !good.is_hua ? "允许" : "禁止" }}</span
                        >花呗支付
                        <span>{{ !good.is_hong ? "允许" : "禁止" }}</span
                        >红包淘金币
                      </div>
                    </div>
                  </div>
                  <div
                    class="
                      tags
                      aui-padded-t-10 aui-padded-b-10 aui-ftn15 aui-text-red
                    "
                  >
                    <div class="tag_cont" v-html="good.content" style="-webkit-touch-callout: auto;user-select: auto;-webkit-user-select: auto;"></div>
                  </div>
                </div>
              </div>
              <div
                class="
                  sk_pass
                  aui-bg-f aui-margin-t-10 aui-padded-10 aui-margin-b-15
                "
              >
                <div
                  class="
                    title
                    aui-text-7 aui-text-center aui-ftn16 aui-padded-t-10
                  "
                >
                  下单步骤
                </div>
                <div class="content aui-margin-t-15">
                  <!-- 不是电脑端 -->
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="![5, 6].includes(good.mode)"
                    v-cloak
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7"> 1、 </van-col>
                      <van-col span="22" class="aui-text-red">
                        打开{{ good.downtype_name }}
                      </van-col>
                    </van-row>
                  </div>
                  <!-- 电脑端 -->
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="good.mode == 5"
                    v-cloak
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7"> 1、 </van-col>
                      <van-col span="22">
                        <div class="aui-padded-b-5">
                          <Copy :name="good.url" target="url"></Copy>
                          <span class="aui-text-7"
                            >,去浏览器打开参加试用(<span
                              v-text="good.downtype_name"
                            ></span
                            >)</span
                          >
                        </div>
                        <div class="aui-text-7" v-text="good.url"></div>
                      </van-col>
                    </van-row>
                  </div>
                  <!-- 手机链接进入 -->
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="good.mode == 6"
                    v-cloak
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7"> 1、 </van-col>
                      <van-col span="22">
                        <div class="aui-padded-b-5">
                          <Copy :name="good.pddurl" target="pddurl"></Copy>
                          <span class="aui-text-7"
                            >,去浏览器打开参加试用(<span
                              v-text="good.downtype_name"
                            ></span
                            >)</span
                          >
                        </div>
                        <div class="aui-text-7" v-text="good.pddurl"></div>
                      </van-col>
                    </van-row>
                  </div>
                  <div v-if="[1, 2].includes(good.mode)">
                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                    >
                      <van-row class="aui-ftn14">
                        <van-col span="2" class="aui-text-7"> 2、 </van-col>
                        <van-col span="22">
                          <div class="aui-text-7 aui-padded-b-5">
                            搜索关键词:<span
                              class="aui-text-red aui-padded-r-5"
                              v-text="good.keyword.key"
                            ></span>
                            <Copy v-if="good.is_keyfu == 1" :name="good.keyword.key" target="keyword"></Copy>
                            <span
                              class="aui-text-7 aui-padded-5 aui-ftn12"
                              v-else
                              >(请手动输入关键词,不可复制)</span
                            >
                          </div>

                          <span
                            class="
                              change_btn
                              aui-text-f
                              aui-ftn12
                              aui-text-center
                              aui-margin-t-10
                            "
                            @click="fnChangeKeyWord"
                            >换个关键词</span
                          >
                        </van-col>
                      </van-row>
                    </div>

                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                    >
                      <van-row class="aui-ftn14">
                        <van-col span="2" class="aui-text-7"> 3、 </van-col>
                        <van-col span="22">
                          <span class="aui-text-7">选择排序:</span
                          ><span
                            class="aui-text-red aui-padded-l-10"
                            v-text="good.keyword.sort"
                          ></span>
                        </van-col>
                      </van-row>
                    </div>

                    <div
                      class="
                        item
                        aui-padded-t-10 aui-padded-b-10
                        van-hairline--bottom
                      "
                    >
                      <van-row class="aui-ftn14">
                        <van-col span="2" class="aui-text-7"> 4、 </van-col>
                        <van-col span="22">
                          <span class="aui-text-7">大概第几屏:</span
                          ><span
                            class="aui-text-red aui-padded-l-10"
                            v-text="good.keyword.page"
                          ></span>
                        </van-col>
                      </van-row>
                    </div>
                  </div>

                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="[3, 7].includes(good.mode)"
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7"> 2、 </van-col>
                      <van-col span="22">
                        <span class="aui-text-7">{{good.mode == 3 ? `二维码:` : `拍立淘：扫码商品图片识别类似商品`}}</span>
                        <van-row class="aui-padded-t-10">
                          <van-col span="12" v-if="good.mode == 3">
                            <div
                              class="good-img"
                              v-lazy="good.qrcode_image"
                              v-bind:style="{
                                backgroundImage:
                                  'url(' + good.qrcode_image + ')',
                              }"
                              @click="fnPreview(good.qrcode_image)"
                            ></div>
                          </van-col>
                          <van-col span="12" v-if="good.mode == 7">
                            <div
                              class="good-img"
                              v-lazy="good.plt_image"
                              v-bind:style="{
                                backgroundImage:
                                  'url(' + good.plt_image + ')',
                              }"
                              @click="fnPreview(good.plt_image)"
                            ></div>
                          </van-col>
                        </van-row>
                      </van-col>
                    </van-row>
                  </div>
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="good.mode == 5"
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7"> 2、 </van-col>
                      <van-col span="22">
                        <span class="aui-text-7">登录帐号:</span
                        ><span
                          class="aui-text-red aui-padded-l-10"
                          v-text="good.buynum"
                        ></span>
                      </van-col>
                    </van-row>
                  </div>
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="good.mode == 4"
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7"> 2、 </van-col>
                      <van-col span="22">
                        <span class="aui-text-7">淘口令:</span>
                        <span
                          class="aui-text-red aui-padded-l-10 aui-padded-r-10"
                          v-text="good.tkl"
                        ></span>
                        <Copy :name="good.tkl" target="tkl"></Copy>
                      </van-col>
                    </van-row>
                  </div>

                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7">
                        <span v-if="![1, 2, 3, 7].includes(good.mode)">2</span>
                        <span v-if="[1, 2].includes(good.mode)">5</span>
                        <span v-if="[3, 7].includes(good.mode)">3</span>、
                      </van-col>
                      <van-col span="22" v-if="good.is_biao !== 1">
                        <span class="aui-text-7">核对店铺名:</span
                        ><span
                          class="aui-text-red aui-padded-l-10"
                          v-text="good.storename"
                        ></span
                        ><span
                          class="
                            aui-btn
                            aui-btn-warning
                            aui-text-f
                            aui-ftn12
                            aui-text-center
                            aui-margin-l-10
                          "
                          @click="fnCheck(1)"
                          >手动核对店铺</span
                        >
                        <div class="aui-ftn12 aui-text-red aui-padded-t-5">
                          下单前请核对店铺名，防止误购其它店铺商品！
                        </div>
                      </van-col>
                      <van-col span="22" v-else>
                        <span class="aui-text-7">核对商品标题:</span
                        ><span
                          class="aui-text-red aui-padded-l-10"
                          v-text="good.biaoti"
                        ></span
                        ><span
                          class="
                            aui-btn
                            aui-btn-warning
                            aui-text-f
                            aui-ftn12
                            aui-text-center
                            aui-margin-l-10
                          "
                          @click="fnCheck(4)"
                          >手动核对商品标题</span
                        >
                        <div class="aui-ftn12 aui-text-red aui-padded-t-5">
                          下单前请核对商品标题，防止误购其它商品！
                        </div>
                      </van-col>
                    </van-row>
                  </div>

                  <div class="item aui-padded-t-10 aui-padded-b-10">
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7">
                        <span v-if="![1, 2, 3, 7].includes(good.mode)">3</span>
                        <span v-if="[1, 2].includes(good.mode)">6</span>
                        <span v-if="[3, 7].includes(good.mode)">4</span>、
                      </van-col>
                      <van-col span="22">
                        <span class="aui-text-7"
                          >核对{{good.mode == 7 ? `主图` : `图片`}}按￥{{ good.price }}元购买:</span
                        >
                        <van-row class="aui-padded-t-10">
                          <van-col span="12">
                            <div
                              class="good-img"
                              v-lazy="good.goods_image"
                              v-bind:style="{
                                backgroundImage:
                                  'url(' + good.goods_image + ')',
                              }"
                              @click="fnPreview(good.goods_image)"
                            ></div>
                          </van-col>
                        </van-row>
                      </van-col>
                    </van-row>
                  </div>
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="good.min"
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7">
                        <span v-if="![1, 2, 3, 7].includes(good.mode)">4</span>
                        <span v-if="[1, 2].includes(good.mode)">7</span>
                        <span v-if="[3, 7].includes(good.mode)">5</span>、
                      </van-col>
                      <van-col span="22">
                        <span class="aui-text-7">最低价:</span
                        ><span
                          class="aui-text-red aui-padded-l-10"
                          v-text="good.min"
                        ></span>
                      </van-col>
                    </van-row>
                  </div>
                  <div
                    class="
                      item
                      aui-padded-t-10 aui-padded-b-10
                      van-hairline--bottom
                    "
                    v-if="good.max"
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7">
                        <span v-if="![1, 2, 3, 7].includes(good.mode)">5</span>
                        <span v-if="[1, 2].includes(good.mode)">8</span>
                        <span v-if="[3, 7].includes(good.mode)">6</span>、
                      </van-col>
                      <van-col span="22">
                        <span class="aui-text-7">最高价:</span
                        ><span
                          class="aui-text-red aui-padded-l-10"
                          v-text="good.max"
                        ></span>
                      </van-col>
                    </van-row>
                  </div>
                  <div
                    class="item aui-padded-t-10 aui-padded-b-10"
                    v-if="good.juan_url"
                    v-cloak
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7">
                        <span v-if="![1, 2, 3, 7].includes(good.mode)">6</span>
                        <span v-if="[1, 2].includes(good.mode)">9</span>
                        <span v-if="[3, 7].includes(good.mode)">7</span>、
                      </van-col>
                      <van-col span="22">
                        <span class="aui-text-7">优惠卷链接:</span>
                        <span
                          class="
                            aui-text-red
                            aui-padded-t-5
                            aui-padded-b-5
                            aui-padded-r-10
                            aui-padded-l-10
                          "
                          v-text="good.juan_url"
                        >
                        </span>
                        <Copy :name="good.juan_url" target="juan_url">点击复制链接</Copy>
                      </van-col>
                    </van-row>
                  </div>
                  <div
                    class="item aui-padded-t-10 aui-padded-b-10"
                    v-if="good.address"
                    v-cloak
                  >
                    <van-row class="aui-ftn14">
                      <van-col span="2" class="aui-text-7">
                        <span v-if="![1, 2, 3, 7].includes(good.mode)">{{
                          good.juan_url ? 7 : 6
                        }}</span>
                        <span v-if="[1, 2].includes(good.mode)">{{
                          good.juan_url ? 10 : 9
                        }}</span>
                        <span v-if="[3, 7].includes(good.mode)">{{
                          good.juan_url ? 8 : 7
                        }}</span
                        >、
                      </van-col>
                      <van-col span="22">
                        <span class="aui-text-7">发货地:</span>
                        <span
                          class="
                            aui-text-red
                            aui-padded-t-5
                            aui-padded-b-5
                            aui-padded-r-10
                            aui-padded-l-10
                          "
                          v-text="good.address"
                        >
                        </span>
                      </van-col>
                    </van-row>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div style="padding-bottom: 50px"></div>
        <div class="fixed aui-bg-f" style="bottom: 0" id="fixed">
          <!-- 待审核 -->
          <van-row class="content" v-if="good.status == 2" v-cloak>
            <van-col span="12" style="background-color: #666" @click="fnCancel">
              <div class="aui-text-f aui-text-center">放弃资格</div>
            </van-col>
            <van-col span="12" @click="fnCheck(2)">
              <div class="aui-text-f aui-bg-red aui-text-center">
                填写订单号
              </div>
            </van-col>
          </van-row>
           <!-- 单号驳回 -->
           <div
            class="content aui-bg-red aui-text-f aui-text-center"
            v-if="good.status == 16"
            v-cloak
            @click="fnCheck(2)"
          >
          重新按要求提交订单号
          </div>
          <!-- 待试客预览 -->
          <van-row class="content" v-if="good.status == 11" v-cloak>
            <van-col span="12" style="background-color: #666" @click="fnCancel">
              <div class="aui-text-f aui-text-center">放弃资格</div>
            </van-col>
            <van-col span="12" @click="fnCheck(11)">
              <div class="aui-text-f aui-bg-red aui-text-center">确认完成</div>
            </van-col>
          </van-row>
          <!-- 待填写订单号 -->
          <div
            class="content aui-bg-red aui-text-f aui-text-center"
            v-if="good.status == 1"
            v-cloak
            @click="fnCancel"
          >
            取消申请
          </div>
          <!-- 审核通过，通过的订单 -->
          <div
            class="content aui-bg-red aui-text-f aui-text-center"
            @click="comment.show = true"
            v-if="good.status == 4"
            v-cloak
          >
            第二步：确认已收到货并提交了评价
          </div>
          <!-- 重新提交评价，被驳回订单 -->
          <div
            class="content aui-bg-red aui-text-f aui-text-center"
            @click="comment.show = true"
            v-if="good.status == 10"
            v-cloak
          >
            订单被驳回请重新提交评价
          </div>
          <!-- 请再次上传追评截图 -->
          <div
            class="content aui-bg-red aui-text-f aui-text-center"
            @click="zhui_ping.show = true"
            v-if="good.status == 13 && !good.message"
            v-cloak
          >
            第二步：请再次上传追评截图
          </div>
          <!-- 打款驳回 -->
          <div
            class="content aui-bg-red aui-text-f aui-text-center"
            @click="fnCheck(3)"
            v-if="good.status == 15"
            v-cloak
          >
            重新确认收款账号
          </div>
        </div>
      </div>
    </div>
    <!-- 核对店铺名或输入订单号或修改支付宝帐号 -->
    <van-dialog
      v-model="check.show"
      :title="check.title"
      @confirm="fnCheckConfirm"
      show-cancel-button
    >
      <div class="check aui-padded-15">
        <input
          type="text"
          v-model="check.input"
          :placeholder="check.name"
          class="aui-text-center aui-ftn14 aui-text-3"
        />
      </div>
    </van-dialog>
    <!-- 评价截图 -->
    <van-popup v-model="comment.show">
      <div class="wrapper">
        <div class="sy_comment aui-bg-f">
          <div class="content">
            <!-- 评价截图 -->
            <van-row>
              <van-col span="12">
                <div
                  class="aui-ftn12 aui-text-center aui-text-7 aui-padded-b-10"
                >
                  点击下面上传包裹拍摄图
                </div>
                <div
                  class="img_cont aui-text-center"
                  @click="comment.image_type = 'bag'"
                >
                  <van-uploader :after-read="afterRead">
                    <span
                      class="aui-ftn14 aui-text-7"
                      v-if="!comment.bag_background"
                      v-cloak
                      >包裹截图</span
                    >
                    <div
                      class="img"
                      v-else
                      v-bind:style="{
                        backgroundImage: 'url(' + comment.bag_background + ')',
                      }"
                      v-lazy="comment.bag_background"
                      v-cloak
                    ></div>
                  </van-uploader>
                </div>
                <div
                  class="
                    img_b
                    aui-text-center
                    aui-ftn12
                    aui-text-center
                    aui-text-red
                    aui-margin-t-15
                  "
                >
                  <span>【案例图】</span>
                  <div
                    class="img"
                    @click="fnPreview(comment.bag_img)"
                    v-bind:style="{
                      backgroundImage: 'url(' + comment.bag_img + ')',
                    }"
                    v-lazy="comment.bag_img"
                  ></div>
                </div>
              </van-col>
              <van-col span="12">
                <div
                  class="aui-ftn12 aui-text-center aui-text-7 aui-padded-b-10"
                >
                  点击下面上传评价截图
                </div>

                <div
                  class="img_cont aui-text-center"
                  @click="comment.image_type = 'comment'"
                >
                  <van-uploader :after-read="afterRead">
                    <span
                      class="aui-ftn14 aui-text-7"
                      v-if="!comment.comment_background"
                      v-cloak
                      >评价截图</span
                    >
                    <div
                      class="img"
                      v-else
                      v-bind:style="{
                        backgroundImage:
                          'url(' + comment.comment_background + ')',
                      }"
                      v-lazy="comment.comment_background"
                      v-cloak
                    ></div>
                  </van-uploader>
                </div>
                <div
                  class="
                    img_b
                    aui-text-center
                    aui-ftn12
                    aui-text-center
                    aui-text-red
                    aui-margin-t-15
                  "
                >
                  <span>【案例图】</span>
                  <div
                    class="img"
                    @click="fnPreview(comment.comment_img)"
                    v-bind:style="{
                      backgroundImage: 'url(' + comment.comment_img + ')',
                    }"
                    v-lazy="comment.comment_img"
                  ></div>
                </div>
              </van-col>
              <van-col
                span="24"
                class="tags aui-ftn12 aui-text-center aui-text-7"
                v-if="comment.time"
                v-cloak
              >
                {{
                  comment.time
                }}点后可确认提交，已在购买平台确认了收货并提交了评价后才可进行该操作，否则封号处理！
              </van-col>
            </van-row>
          </div>
          <van-row>
            <van-col span="12">
              <div
                class="btn aui-bg-red aui-ftn16 aui-text-center aui-text-f"
                @click="fnConfirmComment"
              >
                确定
              </div>
            </van-col>
            <van-col span="12">
              <div
                class="
                  btn
                  close_btn
                  aui-bg-f aui-ftn16 aui-text-center aui-text-7 aui-border-t
                "
                @click="comment.show = false"
              >
                关闭
              </div>
            </van-col>
          </van-row>
        </div>
      </div>
    </van-popup>
    <!-- 追评截图 -->
    <van-popup v-model="zhui_ping.show">
      <div class="wrapper">
        <div class="sy_comment aui-bg-f">
          <div class="content">
            <van-row>
              <van-col span="24">
                <div
                  class="aui-ftn12 aui-text-center aui-text-7 aui-padded-b-10"
                >
                  点击下面上传追评截图
                </div>
                <div
                  class="img_cont aui-text-center"
                  @click="comment.image_type = 'zhui'"
                >
                  <van-uploader :after-read="afterRead">
                    <span
                      class="aui-ftn14 aui-text-7"
                      v-if="!zhui_ping.zhui_background"
                      v-cloak
                      >追评截图</span
                    >
                    <div
                      class="img"
                      style="display: block;margin: auto"
                      v-else
                      v-bind:style="{
                        backgroundImage:
                          'url(' + zhui_ping.zhui_background + ')',
                      }"
                      v-lazy="zhui_ping.zhui_background"
                      v-cloak
                    ></div>
                  </van-uploader>
                </div>
                <div
                  class="
                    img_b
                    aui-text-center
                    aui-ftn12
                    aui-text-center
                    aui-text-red
                    aui-margin-t-15
                  "
                >
                  <span>【案例图】</span>
                  <div
                    class="img"
                    style="display: block;margin: auto"
                    @click="fnPreview(zhui_ping.zhui_img)"
                    v-bind:style="{
                      backgroundImage: 'url(' + zhui_ping.zhui_img + ')',
                    }"
                    v-lazy="zhui_ping.zhui_img"
                  ></div>
                </div>
              </van-col>
            </van-row>
          </div>
          <van-row>
            <van-col span="12">
              <div
                class="btn aui-bg-red aui-ftn16 aui-text-center aui-text-f"
                @click="fnConfirmZhui"
              >
                确定
              </div>
            </van-col>
            <van-col span="12">
              <div
                class="
                  btn
                  close_btn
                  aui-bg-f aui-ftn16 aui-text-center aui-text-7 aui-border-t
                "
                @click="zhui_ping.show = false"
              >
                关闭
              </div>
            </van-col>
          </van-row>
        </div>
      </div>
    </van-popup>
    <!-- 修改下单价 -->
    <van-popup v-model="modify.show">
      <div class="wrapper">
        <div class="sy_comment aui-bg-f">
          <div class="content">
            <van-row>
              <van-col span="24">
                <div
                  class="aui-ftn14 aui-text-center aui-text-3 aui-padded-b-10"
                >
                  商家修改下单价是否同意?
                </div>
                <div class="aui-ftn12 aui-text-7 aui-padded-b-10">
                  修改前下单价: ￥{{ good.price }}
                </div>
                <div class="aui-ftn12 aui-text-7 aui-padded-b-10">
                  修改后下单价:
                  <span class="text-red">￥{{ good.backprice }}</span>
                </div>
                <div
                  class="aui-ftn12 aui-text-7 aui-padded-b-10"
                  v-if="good.pz_image"
                >
                  凭证截图
                </div>
                <div
                  class="img_cont aui-text-center"
                  v-if="good.pz_image"
                  @click="fnPreview(good.pz_image)"
                >
                  <div
                    class="img"
                    style="display: block;margin: auto"
                    v-bind:style="{
                      backgroundImage: 'url(' + good.pz_image + ')',
                    }"
                    v-lazy="good.pz_image"
                    v-cloak
                  ></div>
                </div>
              </van-col>
            </van-row>
          </div>
          <van-row>
            <van-col span="12">
              <div
                class="
                  btn
                  close_btn
                  aui-bg-f aui-ftn16 aui-text-center aui-text-7 aui-border-t
                "
                @click="updatePrice(3)"
              >
                不同意
              </div>
            </van-col>
            <van-col span="12">
              <div
                class="btn aui-bg-red aui-ftn16 aui-text-center aui-text-f"
                @click="updatePrice(2)"
              >
                同意
              </div>
            </van-col>
          </van-row>
        </div>
      </div>
    </van-popup>
    <!-- 联系商家 -->
    <div
      class="contact_merchant"
      @click="fnOpenContact"
      v-if="![1, 7, 8].includes(good.status)"
    >
      <span class="num" v-if="good.chat_num > 0" v-text="good.chat_num"></span>
      联系商家
    </div>
  </div>
</template>

<script>
import Record from "../../service/record.js";
import Copy from "@/views/components/copy.vue";
export default {
  components: {
    Copy
  },
  data() {
    return {
      id: "",
      product: {
        time: "",
        bag_background: "",
        comment_background: "",
        comment_pics: "",
      },
      check: { title: "", input: "", show: false, name: "" },
      comment: {
        image_type: "",
        show: false,
        bag_background_file: "",
        comment_background_file: "",
        bag_background: "",
        comment_background: "",
        comment_img: "",
        bag_img: "",
        order_id: "",
        type: "",
        time: "",
      },
      zhui_ping: {
        //追评截图
        show: false,
        zhui_background: "",
        zhui_background_file: "",
        zhui_img: "",
        order_id: "",
      },
      // 修改下单价
      modify: {
        show: false,
      },
      hbsj_al: "",
      hbsj_image: "",
      hbsj_file: "",
      sou_al: "",
      sou_image: "",
      sou_file: "",
      pdd_al: "",
      fk_tao: "",
      pdd_image: "",
      pdd_file: "",
      collect_file: "",
      cart_file: "",
      collect_image: "",
      cart_image: "",
      chat_image: "",
      chat_file: "",
      chat_al: "",
      good: {}, //状态:1=待审核申请,2=待填订单号,3=待审核订单,4=通过的订单,5=已确认收货,6=已完成,7=不允许参加,8=过期未做单,9=订单号无效
    };
  },
  mounted() {
    this.id = this.$route.params.order_id;
    // this.id = '9159300'
    this.hbsj_al = this.utils.ossUrl + "/assets/img/zj.jpg";
    this.sou_al = this.utils.ossUrl + "/assets/images/sou_image.jpg";
    this.pdd_al = this.utils.ossUrl + "/assets/img/pdd.png";
    this.chat_al = `${this.utils.ossUrl}/assets/images/chat_image.jpg`;
    this.fk_tao = `${this.utils.ossUrl}/assets/images/tao.png`;
    this.init();
  },
  methods: {
    init: function() {
      const vm = this;
      Record.fnGetRecordDetail({ order_id: this.id, isToken: true }).then(
        (data) => {
          if (data && data.status) {
            this.good = data.data;
            const {
              is_xiu,
              foot_image,
              ordernum,
              sou_image,
              pdd_image,
              collect_image,
              cart_image,
              bao_image,
              comment_image,
              confirmtime,
              status,
              zhi_pingurl,
              zhi_ping,
              wrongwarn,
              chat_num,
              chat_image,
              dawarn,
              danwarn
            } = this.good;
            this.check.input = ordernum ? ordernum : "";
            if (foot_image) {
              this.hbsj_image = foot_image;
              this.hbsj_file = "";
            }
            if (sou_image) {
              this.sou_image = sou_image;
              this.sou_file = "";
            }
            if (pdd_image) {
              this.pdd_image = pdd_image;
              this.pdd_file = "";
            }
            if (collect_image) {
              this.collect_image = collect_image;
              this.collect_file = "";
            }
            if (cart_image) {
              this.cart_image = cart_image;
              this.cart_file = "";
            }
            if (chat_image) {
              this.chat_image = chat_image;
              this.chat_file = "";
            }
            this.comment = {
              show: false,
              order_id: this.id,
              comment_img:
                this.utils.ossUrl + "/uploads/image/comment_image.png",
              bag_img: this.utils.ossUrl + "/uploads/image/bao_image.png",
              bag_background: bao_image,
              comment_background: comment_image,
              type: "confirm",
              time: confirmtime ? confirmtime : "",
              bag_background_file: "",
              comment_background_file: "",
            };
            this.zhui_ping = {
              show: false,
              order_id: this.id,
              zhui_background: comment_image,
              zhui_background_file: "",
              zhui_img: this.utils.ossUrl + "/assets/images/zhuiping.png",
            };
            if ([4, 10].includes(status) && zhi_pingurl != "") {
              this.product.comment_pics = zhi_pingurl;
            }
            if (status == 9) {
              this.$dialog.alert({
                message:
                  "商家审核订单号无效，理由：" +
                  (wrongwarn ? wrongwarn : "无") +
                  "",
              });
            }

            if (status == 15) {
              this.$dialog.alert({
                message:
                  "打款驳回，理由：" +
                  (dawarn ? dawarn : "无") +
                  "",
              });
            }

            if (status == 16) {
              this.$dialog.alert({
                message:
                  "商家驳回了单号，理由：" +
                  (danwarn ? danwarn : "无") +
                  "",
              });
            }

            if (chat_num)
              this.$dialog
                .alert({
                  message: "您有新的商家对话消息",
                  confirmButtonText: "查看",
                })
                .then(() => {
                  vm.fnOpenContact();
                });

            if (status == 4 && (zhi_ping || zhi_pingurl)) {
              this.$dialog.alert({
                message: "注意：此订单需要根据商家的指定评语或晒图进行评价！",
              });
            }

            if (is_xiu == 1) this.modify.show = true;
          }
        }
      );
    },
    // 预览图片
    fnPreview: function(path) {
      var arr = [];
      if (Array.isArray(path)) {
        arr = path;
      } else {
        arr = [path];
      }
      this.utils.fnPreviewPic(arr);
    },
    // 取消订单
    fnCancel: function() {
      this.$dialog
        .confirm({
          message: "确定取消申请?",
        })
        .then(() => {
          this.fnOrderUpdate("cancel");
        })
        .catch(() => {
          // on cancel
        });
    },
    // 操作订单
    fnOrderUpdate: function(type, ordernum, bao_image, comment_image) {
      let fns = {
        cancel: this.fnCancelOrder,
        ordernum: this.fnSubmitOrdernum,
        collect: this.fnSubmitCollectCart,
        alipay: this.fnModifyAlipay
      };
      fns[type]();
    },
    // 取消订单
    fnCancelOrder() {
      var param = {
        type: "cancel",
        order_id: this.id,
        isToken: true,
      };
      Record.fnOrderUpdate(param).then((data) => {
        if (data) {
          this.utils.fnMsg(data.msg);
          if (data.status) {
            var vm = this;
            setTimeout(function() {
              vm.back();
            }, 2000);
          }
        }
      });
    },
    // 修改支付宝帐号
    fnModifyAlipay() {
      // this.good.toalipay
      let _param = {
        type: "alipay",
        order_id: this.$route.params.order_id,
        toalipay: this.check.input, //this.check.input
      };
      Record.fnOrderUpdateOrderNum(_param).then((data) => {
        if (data) {
          this.utils.fnMsg(data.msg);
          if (data.status) {
            var vm = this;
            setTimeout(function() {
              vm.init();
            }, 2000);
          }
        }
      });
    },
    // 提交图片
    fnUploadImage() {
      let { is_collect, is_cart, is_chat } = this.good;
      // api
      var param = new FormData(); // 创建form对象
      var _param = {
        order_id: this.$route.params.order_id,
        foot_image: this.hbsj_file,
        sou_image: this.sou_file,
        pdd_image: this.pdd_file,
        collect_image: is_collect == 2 ? this.collect_file : "",
        cart_image: is_cart == 2 ? this.cart_file : "",
        chat_image: is_chat == 1 ? this.chat_file : "",
      };
      for (var i in _param) {
        param.append(i, _param[i]); // 添加form表单中其他数据
      }
      Record.fnUploadImage(param).then((res) => {
        if (res) this.utils.fnMsg(res.msg);
      });
    },
    // 提交订单号
    fnSubmitOrdernum() {
      let _param = {
        type: "ordernum",
        order_id: this.$route.params.order_id,
        ordernum: this.check.input, //this.check.input
      };
      Record.fnOrderUpdateOrderNum(_param).then((data) => {
        if (data) {
          this.utils.fnMsg(data.msg);
          if (data.status) {
            var vm = this;
            setTimeout(function() {
              vm.init();
            }, 2000);
          }
        }
      });
    },
    // 提交收藏加购
    fnSubmitCollectCart() {
      const _param = {
        type: "collect",
        order_id: this.$route.params.order_id,
      };
      Record.fnOrderUpdateOrderNum(_param).then((data) => {
        if (data) {
          this.utils.fnMsg(data.msg);
          if (data.status) {
            if (this.good.status == 11) {
              this.$dialog.alert({
                message: "商家审核通过之后请隔日下单，谢谢配合！",
              });
            }
            var vm = this;
            setTimeout(function() {
              vm.init();
            }, 2000);
          }
        }
      });
    },
    // 换个关键词
    fnChangeKeyWord: function() {
      let { goods_id, keyword } = this.good;
      Record.fnChangeKeyword({
        order_id: this.$route.params.order_id,
        goods_id: goods_id,
        keyword: keyword.key,
        isToken: true,
      }).then((data) => {
        if (data) {
          if (data.status) {
            this.good.keyword = data.data;
          }
        }
      });
    },
    fnCheck(type) {
      this.check["type"] = type;
      let fns = {
        1: this.fnCheckStoreName,
        2: this.fnWriteOrder,
        3: this.fnInputAlipay,
        4: this.fnCheckGoodTitle,
        11: this.fnUploadCollectCart,
      };
      fns[type]();
    },
    // 填写支付宝帐号
    fnInputAlipay () {
      this.check = {
        title: '修改支付宝帐号',
        name: '支付宝帐号',
        input: this.good.toalipay,
        show: true,
        type: 3
      }
    },
    // 核对店铺名
    fnCheckStoreName() {
      this.check = {
        title: "填写要核对的店铺名",
        name: "店铺名",
        show: true,
        type: 1,
      };
    },
    // 核对商品标题
    fnCheckGoodTitle() {
      this.check = {
        title: "填写要核对的商品标题",
        name: "商品标题",
        show: true,
        type: 4
      };
    },
    // 判断收藏加购
    fnToggleCollectCart() {
      let { is_collect, is_cart, collect_image, cart_image } = this.good;
      if (!this.collect_file && !collect_image && is_collect == 2) {
        this.utils.fnMsg("请上传收藏截图");
        return false;
      } else if (!this.cart_file && !cart_image && is_cart == 2) {
        this.utils.fnMsg("请上传加购截图");
        return false;
      } else {
        return true;
      }
    },
    // 填写订单号判断
    fnWriteOrder() {
      let { is_foot, downtype, ordernum, is_fu, is_sou, status } = this.good;
      if (!this.hbsj_file && is_foot == 1 && !this.hbsj_image) {
        this.utils.fnMsg("请上传足迹截图");
        return false;
      } else if (!this.sou_file && is_sou == 1 && !this.sou_image) {
        this.utils.fnMsg("请上传搜索关键词截图");
        return false;
      } else if (
        !this.pdd_file &&
        [1, 2, 4].includes(downtype) &&
        !this.pdd_image &&
        is_fu == 1
      ) {
        this.utils.fnMsg("请上传付款截图");
        return false;
      } else {
        if (this.fnToggleCollectCart()) {
          this.check.input = status == 16 ? '' : ordernum
          this.check.title = "填写订单号";
          this.check.name = "订单号";
          this.check.show = true;
        }
      }
    },
    // 上传收藏和加载截图
    fnUploadCollectCart() {
      let { status, collect_image, cart_image } = this.good;
      if (status == 11 && collect_image && cart_image) {
        if (!this.collect_file && !this.cart_file) {
          this.utils.fnMsg("请重新上传收藏和加购截图");
          return false;
        } else {
          this.fnOrderUpdate("collect");
        }
      } else {
        if (this.fnToggleCollectCart()) this.fnOrderUpdate("collect");
      }
    },
    fnCheckConfirm: function() {
      let { type, input } = this.check;
      switch (type) {
        case 1:
          // 核对店铺名
          if (!input) {
            this.utils.fnMsg("请填写要核对的店铺名");
            return false;
          } else {
            this.fnCheckShop();
          }
          break;
        case 2:
          // 填写订单号
          if (!input) {
            this.utils.fnMsg("请填写订单号");
            return false;
          } else {
            this.fnOrderUpdate("ordernum", input);
          }
          break;
        case 3:
          // 修改支付宝帐号
          if (!input) {
            this.utils.fnMsg("请填写支付宝帐号");
            return false;
          } else {
            // this.fnOrderUpdate("ordernum", input);
            this.fnOrderUpdate('alipay')
          }
          break;
          case 4:
          // 核对商品标题
            if (!input) {
              this.utils.fnMsg("请填写要核对的商品标题");
              return false;
            } else {
              this.fnCheckTitle();
            }
          break;
      }
    },
    // 核对店铺名
    fnCheckShop: function() {
      Record.fnCheckShopName({
        goods_id: this.good.goods_id,
        storename: this.check.input,
        isToken: true,
      }).then((res) => {
        if (res) {
          this.utils.fnMsg(res.msg);
          if (res.status) {
            this.good.storename = this.check.input;
            this.check.input = "";
          } else {
            this.check.input = "";
          }
        }
      });
    },
    // 核对商品标题
    fnCheckTitle () {
      Record.fnCheckShopTitle({
        goods_id: this.good.goods_id,
        biaoti: this.check.input,
        isToken: true,
      }).then((res) => {
        if (res) {
          this.utils.fnMsg(res.msg);
          if (res.status) {
            this.good.biaoti = this.check.input;
            this.check.input = "";
          } else {
            this.check.input = "";
          }
        }
      });
    },
    afterRead(file) {
      //判断图片的大小，单位是字节
      if (file.file.size > 2 * 1024 * 1024) {
        let vm = this;
        this.utils.fnChangeFile(file, { w: 200, h: 300 }, function(res) {
          vm.fnUpload(res);
        });
      } else {
        // 符合大小的，直接上传
        this.fnUpload(file);
      }
    },
    // 上传相关图片
    fnUpload: function(file) {
      if (file) {
        switch (this.comment.image_type) {
          case "bag":
            this.comment.bag_background_file = file.file;
            this.comment.bag_background = file.content;
            break;
          case "comment":
            this.comment.comment_background_file = file.file;
            this.comment.comment_background = file.content;
            break;
          case "hbsj":
            this.hbsj_file = file.file;
            this.hbsj_image = file.content;
            // if (is_foot == 1 && foot_image) {
            //   // this.fnOrderUpdate("ordernum", ordernum);
            //   this.fnUploadImage();
            // }
            this.fnUploadImage();
            break;
          case "sou":
            this.sou_file = file.file;
            this.sou_image = file.content;
            // if (is_sou == 1 && sou_image) {
            //   // this.fnOrderUpdate("ordernum", ordernum);
            //   this.fnUploadImage();
            // }
            this.fnUploadImage();
            break;
          case "fkjt":
            this.pdd_file = file.file;
            this.pdd_image = file.content;
            // if (
            //   (downtype == 4 || downtype == 1 || downtype == 2) &&
            //   pdd_image &&
            //   status != 2 &&
            //   status != 11
            // ) {
            //   // this.fnOrderUpdate("ordernum", ordernum);
            //   this.fnUploadImage();
            // }
            this.fnUploadImage();
            break;
          case "collect":
            this.collect_file = file.file;
            this.collect_image = file.content;
            // if (collect_image && cart_image && status != 2 && status != 11) {
            //   // this.fnOrderUpdate("collect");
            //   this.fnUploadImage();
            // }
            this.fnUploadImage();
            break;
          case "cart":
            this.cart_file = file.file;
            this.cart_image = file.content;
            // if (collect_image && cart_image && status != 2 && status != 11) {
            //   // this.fnOrderUpdate("collect");
            //   this.fnUploadImage();
            // }
            this.fnUploadImage();
            break;
          case "zhui":
            this.zhui_ping.zhui_background_file = file.file;
            this.zhui_ping.zhui_background = file.content;
            break;
          case "chat":
            this.chat_file = file.file;
            this.chat_image = file.content;
            this.fnUploadImage();
            break;
        }
      }
    },
    // 上传包裹和评价截图
    fnConfirmComment: function() {
      if (!this.comment.bag_background) {
        this.utils.fnMsg("请上传包裹拍摄图");
        return false;
      } else if (!this.comment.comment_background) {
        this.utils.fnMsg("请上传评价截图");
        return false;
      } else {
        // api
        let param = new FormData(); // 创建form对象
        let _param = {
          order_id: this.comment.order_id,
          type: "confirm",
          bao_image: this.comment.bag_background_file,
          comment_image: this.comment.comment_background_file,
        };
        for (var i in _param) {
          param.append(i, _param[i]); // 添加form表单中其他数据
        }
        Record.fnUploadComment(param).then((data) => {
          if (data) {
            this.utils.fnMsg(data.msg);
            if (data.status) {
              var vm = this;
              setTimeout(function() {
                vm.comment.show = false;
                vm.init();
              }, 2000);
            }
          }
        });
      }
    },
    // 上传追评截图
    fnConfirmZhui: function() {
      let { order_id, zhui_background_file, zhui_background } = this.zhui_ping;
      if (!zhui_background) {
        this.utils.fnMsg("请上传追评截图");
        return false;
      } else {
        // api
        let param = new FormData(); // 创建form对象
        let _param = {
          order_id: order_id,
          type: "zhuiping",
          comment_image: zhui_background_file,
        };
        for (var i in _param) {
          param.append(i, _param[i]); // 添加form表单中其他数据
        }
        Record.fnUploadComment(param).then((data) => {
          if (data) {
            this.utils.fnMsg(data.msg);
            if (data.status) {
              var vm = this;
              setTimeout(function() {
                vm.zhui_ping.show = false;
                vm.init();
              }, 2000);
            }
          }
        });
      }
    },
    // 修改下单价
    updatePrice(type) {
      const vm = this;
      Record.fnUpdatePrice({
        uid: this.$store.state.uid,
        order_id: this.$route.params.order_id,
        is_xiu: type,
        isToken: true,
      }).then((data) => {
        if (data) {
          this.utils.fnMsg(data.msg);
          if (data.status) {
            setTimeout(function() {
              vm.modify.show = false;
              vm.init();
            }, 2000);
          }
        }
      });
    },
    fnOpenRecord: function() {
      this.utils.fnOpenCommon(this, {
        name: "sy_cz_record",
        params: { order_id: this.id },
      });
    },
    fnOpenContact() {
      this.utils.fnOpenCommon(this, {
        name: "contact_merchant",
        params: { order_id: this.id },
      });
    },
  },
};
</script>

<style scoped>
.contact_merchant {
  position: fixed;
  top: 30%;
  right: 0;
  padding: 5px 2px;
  border: 1px solid var(--pink);
  border-right: 0;
  border-radius: 4px 0 0 4px;
  color: var(--pink);
  width: 22px;
  text-align: center;
  font-size: 13px;
  background: #fff;
}
.contact_merchant .num {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: var(--pink);
  color: #fff;
  margin: -18px 0 0 4px;
  display: block;
  border-radius: 50%;
  font-size: 12px;
}
.van-count-down {
  color: var(--pink) !important;
  display: inline-block !important;
}
table td {
  display: block;
  width: 400px !important;
  overflow-x: hidden;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word !important;
  min-height: 100px;
}
div.check input {
  border: 1px solid #eee;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  margin: auto;
}
.sy_detail .good_t {
  padding: 10px;
}
.sy_detail .good_t .good-img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding-bottom: 100%;
  /* 关键就在这里 */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sy_detail .good_t .good_cont .name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sy_detail .good_t .good_cont .name img {
  width: 18px !important;
  height: 18px !important;
}
.sy_detail .good_t .btn-cls {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sy_detail .good_t .sq_btn {
  padding: 2px 8px;
  border-radius: 10px;
  border: 1px solid #777;
}
.sy_detail .good_t .passed,
.sy_detail .good_t .issd-btn {
  border-color: var(--pink) !important;
}

.sy_detail .good_t .issd-btn {
  background-color: var(--pink);
}
.sy_detail .no_sk {
  padding: 30px 15px;
}
.sy_detail .sk_pass .item .change_btn {
  padding: 3px 5px;
  border-radius: 3px;
  background-color: #ff9933;
}
.sy_detail .img-list {
  width: 90px !important;
  height: 120px !important;
}
.sy_detail .img-list .img {
  width: 90px !important;
  height: 120px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.sy_detail .img-list {
  margin-right: 5px;
}
.sy_detail .pj .input {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding-left: 10px;
  border: 1px solid var(--pink);
}
.sy_detail .pj .input input {
  height: 34px;
  line-height: 40px;
  border: 0;
  background-color: transparent !important;
  max-width: 95% !important;
}
.sy_detail .pj .input .btn {
  height: 40px;
  line-height: 40px;
  border-radius: 0 4px 4px 0;
}
.sy_detail table td {
  display: block;
  width: 400px !important;
  overflow-x: hidden;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word !important;
  min-height: 100px;
}
.sy_detail .tag_cont {
  overflow-x: hidden;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word !important;
}
.fixed {
  z-index: 1100;
}
.fixed .content {
  height: 50px;
  line-height: 50px;
}
.fixed .content .btn {
  height: 50px;
  line-height: 50px;
  border-radius: 0;
}
.fixed .content .lt {
  background-color: #444;
  padding-left: 20px;
}
.fixed .content .time_btn {
  background-color: #000;
}

.van-popup--center {
  right: 20px !important;
  left: 20px !important;
  border-radius: 4px !important;
  margin: auto;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

div.sy_comment div.content {
  padding: 20px 24px;
}
div.sy_comment .img_cont {
  width: 100px;
  height: 150px;
  line-height: 150px;
  background-color: #f2f2f2;
  margin: auto;
}

div.sy_comment .img_cont .img {
  width: 100px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

div.sy_comment div.img_b div.img {
  height: 60px;
  width: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
div.sy_comment div.content div.tags {
  line-height: 22px;
  padding: 20px 0;
}
div.sy_comment div.btn {
  height: 40px;
  line-height: 40px;
  border-radius: 0 0 0 4px;
}
div.sy_comment div.close_btn {
  border-radius: 0 0 4px 0;
}

.hbsj .img_cont {
  width: 104px;
  height: 150px;
  line-height: 150px;
  background-color: #f2f2f2;
  margin: auto;
}

.hbsj .img_cont .img {
  width: 104px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.return {
  background-color: #fff8ea;
  padding: 10px;
  border-radius: 3px;
  color: var(--pink);
  font-size: 13px;
  margin-bottom: 10px;
}
</style>